@import './style/common.less';

.mctable-container {
    width: 100%;
    display: flex;
    flex-direction: column;

    &.fix {
        overflow-y: hidden;
    }

    .mctable-toolbar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 8px 24px;

        .right {
            display: flex;
            flex-direction: row;
            align-self: center;
            justify-content: center;

            .mctable-toolbar_grid {
                display: flex;
                flex-direction: row;
                align-self: center;
                justify-content: center;
            }
        }
    }

    .table-top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 8px 24px;

        .right {
            display: flex;
            flex-direction: row;
        }
    }

    .mctable-wrapper {
        flex: 1;

        &.fix {
            overflow-y: hidden;
        }
    }

    .react-resizable {
        position: relative;
        background-clip: padding-box;
    }

    .react-resizable-handle {
        position: absolute;
        right: -5px;
        bottom: 0;
        z-index: 1;
        width: 10px;
        height: 100%;
        cursor: col-resize;
    }
}